Eje principal

El eje principal está definido por flex-direction, que posee cuatro posibles valores:

  • row
  • row-reverse
  • column
  • column-reverse
    • Si elegimos row o row-reverse, el eje principal correrá a lo largo de la fila según la dirección de la línea . Al elegir column o column-reverse el eje principal correrá desde el borde superior de la página hasta el final — según la dirección del bloque.

    Flexbox (que viene de Flexible Box) fue creada para que estas tareas fuesen mucho más simples y funcionales: los hijos de un elemento con Flexbox pueden posicionarse en cualquier dirección y pueden tener dimensiones flexibles para adaptarse.